<template>
  <div class="content">
    <el-input class="input" v-model="input"  placeholder="请输入内容"></el-input>
    <a  href="javascript:void(0)" @click="searchGoods" class='search'>搜索</a>
    
  </div>
</template>

<style scoped >
.content{
   background: #f5f7fc;
   position:relative;
   width:100%;
   height:100%;
   padding-top:1rem;
}
.input{
  position:absolute;
  background: #f5f7fc;
  text-align: center;
  width:18rem;
  height:100%;
  right:8rem;
  box-sizing:border-box;
 
}
.search{
  position:absolute;
  right:4rem;
  font-size:1.6rem;
  line-height:3.1rem;
}
</style>

<script>
export default {
  data() {
    return {
      input: ''
    }
  },
  methods:{
   searchGoods(){
     
     this.$emit('searchClick',this.input)
   }
  }
}
</script>